{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__THEME__/default/view/admin/static/css/module.css?v={:time_version()}">
{/block}

{block name="content-header"}
<script type="text/javascript" src="__STATIC__/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
<!-- Content Header (Page header) -->
<div class="content-header">
	<div class="container-fluid">
		<div class="row mb-2">
			<div class="col-sm-6">
				<h1 class="m-0 text-dark">
					编辑{$data.model_id|get_document_model='title'} [
					{volist name="rightNav" id="nav"}
					<a href="{:Url('article/index','cate_id='.$nav['id'])}">{$nav.title}</a>
					{if count($rightNav) gt $i}<i class="ca"></i>{/if}
					{/volist}
					{present name="article"}：<a href="{:Url('article/index','cate_id='.$data['category_id'].'&pid='.$article['id'])}">{$article.title}</a>{/present}
					]
				</h1>
			</div><!-- /.col -->
			<div class="col-sm-6">
				<ol class="breadcrumb float-sm-right">
					<li class="breadcrumb-item"><a href="{:Url('index/index')}">首页</a></li>
					<li class="breadcrumb-item"><a href="{:Url('article/index',['cate_id'=>$cate_id])}">内容</a></li>
					<li class="breadcrumb-item active">编辑</li>
				</ol>
			</div><!-- /.col -->
		</div><!-- /.row -->
	</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
{/block}

{block name="main-sidebar"}
	{include file="article/main-sidebar" /}
{/block}

{block name="content-content"}
<!-- Main content -->
<section class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-12">


				<!-- 标签页导航 -->
				<div class="tab-wrap">
					<ul class="tab-nav nav">
						{volist name=":parse_config_attr($model['field_group'])" id="group"}
						<li data-tab="tab{$key}" {eq name="key" value="1"}class="current"{/eq}><a href="javascript:void(0);">{$group}</a></li>
						{/volist}
					</ul>
					<div class="tab-content">
						<!-- 表单 -->
						<form id="form" action="{:Url('update')}" method="post" class="form-horizontal">
							<!-- 基础文档模型 -->
							{volist name=":parse_config_attr($model['field_group'])" id="group"}
							<div id="tab{$key}" class="tab-pane {eq name="key" value="1"}in{/eq} tab{$key}">
								{volist name="fields[$key]" id="field"}
								{if $field['is_show'] == 1 || $field['is_show'] == 3}
								<div class="form-item cf">
									<label class="item-label">{$field['title']}<span class="check-tips">{notempty name="field['remark']"}（{$field['remark']}）{/notempty}</span></label>
									<div class="controls">
										{switch name="field.type"}
										{case value="num"}
										<input type="text" class="text input-mid" name="{$field.name}" value="{$data[$field['name']]}">
										{/case}
										{case value="string"}
										<input type="text" class="text input-large" name="{$field.name}" value="{$data[$field['name']]}">
										{/case}
										{case value="textarea"}
										<label class="textarea input-large">
											<textarea name="{$field.name}">{$data[$field['name']]}</textarea>
										</label>
										{/case}
										{case value="date"}
										<input type="text" name="{$field.name}" class="text date" value="{:date('Y-m-d',$data[$field['name']])}" placeholder="请选择日期" />
										{/case}
										{case value="datetime"}
										<input type="text" name="{$field.name}" class="text time" value="{$data[$field['name']]|time_format}" placeholder="请选择时间" />
										{/case}
										{case value="bool"}
										<select name="{$field.name}">
											{volist name=":parse_field_attr($field['extra'])" id="vo"}
											<option value="{$key}" {eq name="data[$field['name']]" value="$key"}selected{/eq}>{$vo}</option>
											{/volist}
										</select>
										{/case}
										{case value="select"}
										<select name="{$field.name}">
											{volist name=":parse_field_attr($field['extra'])" id="vo"}
											<option value="{$key}" {eq name="data[$field['name']]" value="$key"}selected{/eq}>{$vo}</option>
											{/volist}
										</select>
										{/case}
										{case value="radio"}
										{volist name=":parse_field_attr($field['extra'])" id="vo"}
										<label class="radio">
											<input type="radio" value="{$key}" name="{$field.name}" {eq name="data[$field['name']]" value="$key"}checked="checked"{/eq}>{$vo}
										</label>
										{/volist}
										{/case}
										{case value="checkbox"}
										{volist name=":parse_field_attr($field['extra'])" id="vo"}
										<label class="checkbox">
											<input type="checkbox" value="{$key}" name="{$field.name}[]" {if check_document_position($data[$field['name']],$key)}checked="checked"{/if}>{$vo}
										</label>
										{/volist}
										{/case}
										{case value="editor"}
										<label class="textarea">
											<textarea name="{$field.name}">{$data[$field['name']]}</textarea>
											{php}Hook::listen('adminArticleEdit', array('name'=>$field['name'],'value'=>$data[$field['name']])){/php}
										</label>
										{/case}
										{case value="picture"}
										<div class="controls">
											{php}Hook::listen('fileUploader',['name'=>$field['name'],'value'=>$field['value']]){/php}
										</div>
										{/case}
										{case value="file"}
										<div class="controls">
											<input type="file" id="upload_file_{$field.name}">
											<input type="hidden" name="{$field.name}" value="{$data[$field['name']]}"/>
											<div class="upload-img-box">
												{present name="data[$field['name']]"}
												<div class="upload-pre-file"><span class="upload_icon_all"></span>{$data[$field['name']]|get_table_field=###,'id','name','File'}</div>
												{/present}
											</div>
										</div>
										<script type="text/javascript">
//上传图片
/* 初始化上传插件 */
$("#upload_file_{$field.name}").uploadify({
	"height"          : 30,
	"swf"             : "/static/uploadify/uploadify.swf",
	"fileObjName"     : "download",
	"buttonText"      : "上传附件",
	"uploader"        : "{:Url('File/upload',array('session_id'=>session_id()))}",
	"width"           : 120,
	'removeTimeout'	  : 1,
	"onUploadSuccess" : uploadFile{$field.name},
	'onFallback' : function() {
		alert('未检测到兼容版本的Flash.');
	}
});
function uploadFile{$field.name}(file, data){
	var data = $.parseJSON(data);
	if(data.status){
		var name = "{$field.name}";
		$("input[name="+name+"]").val(data.data);
		$("input[name="+name+"]").parent().find('.upload-img-box').html(
				"<div class=\"upload-pre-file\"><span class=\"upload_icon_all\"></span>" + data.msg+ "</div>"
				);
	} else {
		updateAlert(data.msg);
		setTimeout(function(){
			$('#top-alert').find('button').click();
			$(that).removeClass('disabled').prop('disabled',false);
		},1500);
	}
}
										</script>
										{/case}
										{default/}
										<input type="text" class="text input-large" name="{$field.name}" value="{$data[$field['name']]}">
										{/switch}
									</div>
								</div>
								{/if}
								{/volist}
							</div>
							{/volist}

							<div class="form-item cf">
								<button class="btn submit-btn ajax-post hidden" id="submit" type="submit" target-form="form-horizontal">确 定</button>
								<a class="btn btn-return" href="{$Think.cookie.__forward__}">返 回</a>
								{if condition="Config('OPEN_DRAFTBOX') and ($Request.action eq 'add' or $data['status'] eq 3)"}
								<button class="btn save-btn" url="{:Url('article/autoSave')}" target-form="form-horizontal" id="autoSave">
									存草稿
								</button>
								{/if}
								<input type="hidden" name="id" value="{$data.id|default=''}"/>
								<input type="hidden" name="pid" value="{$data.pid|default=''}"/>
								<input type="hidden" name="model_id" value="{$data.model_id|default=''}"/>
								<input type="hidden" name="group_id" value="{$data.group_id|default=''}"/>
								<input type="hidden" name="category_id" value="{$data.category_id|default=''}">
							</div>
						</form>
					</div>
				</div>

			</div>
		</div>
	</div><!-- /.container-fluid -->
</section>
<!-- /.content -->

<!-- Main content -->
<!-- /.content -->
{/block}

{block name='script'}
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
{php}if(Config('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';{/php}
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script src="__THEME__/default/view/admin/static/js/common.js?v={:time_version()}"></script>
<script type="text/javascript" charset="utf-8">
highlight_subnav('{:Url('index')}');

$('#submit').click(function(){
	$('#form').submit();
});

$(function(){
    $('.date').datetimepicker({
        format: 'yyyy-mm-dd',
        language:"zh-CN",
        minView:2,
        autoclose:true
    });
    $('.time').datetimepicker({
        format: 'yyyy-mm-dd hh:ii',
        language:"zh-CN",
        minView:2,
        autoclose:true
    });
    showTab();

	{if condition="Config('OPEN_DRAFTBOX') and ($Request.action eq 'add' or $data['status'] eq 3)"}
	//保存草稿
	var interval;
	$('#autoSave').click(function(){
        var target_form = $(this).attr('target-form');
        var target = $(this).attr('url')
        var form = $('.'+target_form);
        var query = form.serialize();
        var that = this;

        $(that).addClass('disabled').attr('autocomplete','off').prop('disabled',true);
        $.post(target,query).success(function(data){
            if (data.code ==1) {
                updateAlert(data.msg,'alert-success');
                $('input[name=id]').val(data.data.id);
            }else{
                updateAlert(data.msg);
            }
            setTimeout(function(){
                $('#top-alert').find('button').click();
                $(that).removeClass('disabled').prop('disabled',false);
            },1500);
        })

        //重新开始定时器
        clearInterval(interval);
        autoSaveDraft();
        return false;
    });

	//Ctrl+S保存草稿
	$('body').keydown(function(e){
		if(e.ctrlKey && e.which == 83){
			$('#autoSave').click();
			return false;
		}
	});

	//每隔一段时间保存草稿
	function autoSaveDraft(){
		interval = setInterval(function(){
			//只有基础信息填写了，才会触发
			var title = $('input[name=title]').val();
			var name = $('input[name=name]').val();
			var des = $('textarea[name=description]').val();
			if(title != '' || name != '' || des != ''){
				$('#autoSave').click();
			}
		}, 1000*parseInt({:Config('DRAFT_AOTOSAVE_INTERVAL')}));
	}
	autoSaveDraft();

	{/if}

});
</script>
{/block}
